<label>位置选择 <span class="text-danger">*</span> </label>
<div class="row">
    <div class="col-md-4">
        <div class="form-group">
            <select #areaCombobox name="area" class="form-control" [(ngModel)]="areaId" [attr.data-live-search]="true"
                (change)="loadShelfs()" title="选择区域" required>
                <option *ngFor="let area of areas" [value]="area.id">{{ area.displayName }}</option>
            </select>
        </div>
    </div>
    <div class="col-md-4">
        <div class="form-group">
            <select #shelfCombobox name="shelf" class="form-control" [(ngModel)]="shelfId"
                [attr.data-live-search]="true" (change)="loadPositions()" title="选择货架" required>
                <option *ngFor="let shelf of shelfs" [value]="shelf.id">{{ shelf.displayName }}</option>
            </select>
        </div>
    </div>
    <div class="col-md-4">
        <div class="form-group">
            <select #positionCombobox name="position" class="form-control" [(ngModel)]="location"
                [attr.data-live-search]="true" title="选择货位" required>
                <option *ngFor="let position of positions" [value]="position.id">{{ position.displayName }}</option>
            </select>
        </div>
    </div>
</div>
